<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>3.1-订单录入</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">
    <link rel="stylesheet" href="styles/newstyle.css">
</head>

<body>
    <!--头部-->
    <div class="g_header">
        <div class="g_hea_g1">
            <div class="g_hea_g2">
                <span class="g_hea_img1" id="trigger-overlay"></span>
                <div class="g_hea_login">管理员管理员,欢迎您登陆
                    <span></span>
                    <div class="userboxinfo userboxinfob">
                        <ul class="ul_userlist">
                            <li>
                                <a href="/updatePwd">修改密码</a>
                            </li>
                            <li>
                                <a href="/logout">退出</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="g_hear">
                    <a href="#">
                        <img src="images/icon_home.png">首页</a>
                    <a href="#">
                        <img src="images/sf1_07.png">传链社区</a>
                    <a href="#">
                        <img src="images/sf1_09.png">服务中心</a>
                    <a href="message.html">
                        <i>22</i>消息</a>
                </div>
            </div>
        </div>
        <div class="overlay overlay-genie " data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z"
            id="g_hea_con">
            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none" class="svg1">
                <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" />
            </svg>
            <ul class="g_hea_ul">
                <li class="li1">System Management</li>
                <li class="li2">基础资料</li>
                <li class="li3">耗材管理</li>
                <li class="li4">科室管理</li>
                <li class="li5">财务管理</li>
                <li class="li6">统计查询</li>
            </ul>
            <div class="g_hea_ulbox">
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li>系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="sfy_nav.html" class="g_hea_a1">用户参数设置1</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1 active">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置2</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置3</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置4</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置5</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置6</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
                <div class="g_hea_tab">
                    <ul class="g_hea_ul2">
                        <li class="">系统配置</li>
                        <li>权限管理</li>
                        <li>日常维护</li>
                        <li>待办事宜</li>
                        <li>自定表格</li>
                        <li>辅助功能</li>
                        <li>数据维护</li>
                    </ul>
                    <div class="g_hea_tab2">
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                        <p>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                            <a href="" class="g_hea_a1">用户参数设置</a>
                        </p>
                    </div>
                </div>
            </div>
            <img src="images/cross.png" class="g_hea_close">
        </div>
    </div>
    <!-- 按钮 当前位置-->
    <div class="g_header_nav">
        <div class="g_header_t">
            <div class="operate-btns">
                <a href="" class="fbtn fb-save">保存</a>
            </div>
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li>
                    <a href="#">订单录入</a>
                </li>
            </ol>
            <h3 class="current_module">订单录入</h3>
        </div>
    </div>
    <!--end  按钮 当前位置-->
    <!--end头部-->
    <!-- 找车 -->
    <div class="content">
        <!-- 订单录入 -->
        <div class="order-protocol">
            <label class="icon-checkbox protocol-box">
                <input type="checkbox">
                <span><i>同意接受禁运说明</i></span>
            </label>
            <span class="icon-required">为必填项</span>
        </div>
        <div class="order-one displayflex">
            <div class="flex1">
                <div class="order-require">
                    <p><b>发货方</b></p>
                </div>
                <div class="row aline">
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">发货人</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <a href="javascript:;" class="order-btn sender-btn">选择</a>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>保存到常用联系人</i></span>
                        </label>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">联系电话1</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="">联系电话2</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-12">
                        <div class="text-input displayflex bg-white">
                            <span class="">发货单位</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">所在地</span>
                            <input class="flex1" type="text" data-toggle="city-picker" value="省/市/区">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="">区域指定</span>
                            <select name="interest" class="flex1">
                                <option value=""></option>
                                <option value="0">写作</option>
                                <option value="1" >阅读</option>
                                <option value="2">游戏</option>
                                <option value="3">音乐</option>
                                <option value="4">旅行</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-12">
                        <div class="text-input displayflex bg-white">
                            <span class="">详细地址</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-12">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">要求到达时间</span>
                            <input class="flex1" type="text" placeholder="" name="date" action="date">
                            <i></i>
                            <input class="flex1" type="text" placeholder="" name="date" action="date">
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex1">
                <div class="order-require">
                    <p><b>收货方</b></p>
                </div>
                <div class="row aline">
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">收货人</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <a href="javascript:;" class="order-btn receive-btn">选择</a>
                        <label class="icon-checkbox">
                            <input type="checkbox">
                            <span><i>保存到常用联系人</i></span>
                        </label>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">联系电话1</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="">联系电话2</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-12">
                        <div class="text-input displayflex bg-white">
                            <span class="">收货单位</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">所在地</span>
                            <input class="flex1" type="text" data-toggle="city-picker" value="省/市/区">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-input displayflex bg-white">
                            <span class="">区域指定</span>
                            <select name="interest" class="flex1">
                                <option value=""></option>
                                <option value="0">写作</option>
                                <option value="1" >阅读</option>
                                <option value="2">游戏</option>
                                <option value="3">音乐</option>
                                <option value="4">旅行</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-12">
                        <div class="text-input displayflex bg-white">
                            <span class="">详细地址</span>
                            <input class="flex1" type="text">
                        </div>
                    </div>
                </div>
                <div class="row aline">
                    <div class="col-md-12">
                        <div class="text-input displayflex bg-white">
                            <span class="icon-required">要求到达时间</span>
                            <input class="flex1" type="text" placeholder="" name="date" action="date">
                            <i></i>
                            <input class="flex1" type="text" placeholder="" name="date" action="date">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="order-two mt-20">
            <div class="order-two-tit">
                <b class="fl">货物信息</b>
                <select name="" id="" class="fl">
                    <option value="">货物类型</option>
                    <option value="">药品</option>
                    <option value="">食品</option>
                    <option value="">生鲜</option>
                    <option value="">日用百货</option>
                    <option value="">石油化工</option>
                    <option value="">危险品</option>
                </select>
                <a href="javascript:;" class="order-btn goods-btn fl">选择</a>
                <span>请先选择一个货物类型</span>
            </div>
            <div class="table-div" id="scroll_1">
                <table class="table table-entry">
                    <thead>
                        <tr>
                            <th></th>
                            <th class="w-30 tal"><span class="icon-required">货物名称</span></th>
                            <th>件数</th>
                            <th>单位重量(kg)</th>
                            <th>单件体积(m³)</th>
                            <th>存为常用</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>
                                <input class="tal" type="text" value="阿莫西林胶囊阿莫西林胶囊阿莫西林胶囊">
                            </td>
                            <td><input type="text" value="20"></td>
                            <td><input type="text" value="2"></td>
                            <td><input type="text" value="1"></td>
                            <td>
                                <label class="icon-checkbox protocol-box">
                                    <input type="checkbox">
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <div class="tableBtn">
                                    <a href="" class="add">新增</a>
                                    <a href="" class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>
                                <input class="tal" type="text" value="阿莫西林胶囊阿莫西林胶囊阿莫西林胶囊">
                            </td>
                            <td><input type="text" value="20"></td>
                            <td><input type="text" value="2"></td>
                            <td><input type="text" value="1"></td>
                            <td>
                                <label class="icon-checkbox protocol-box">
                                    <input type="checkbox">
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <div class="tableBtn">
                                    <a href="" class="add">新增</a>
                                    <a href="" class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>
                                <input class="tal" type="text" value="阿莫西林胶囊阿莫西林胶囊阿莫西林胶囊">
                            </td>
                            <td><input type="text" value="20"></td>
                            <td><input type="text" value="2"></td>
                            <td><input type="text" value="1"></td>
                            <td>
                                <label class="icon-checkbox protocol-box">
                                    <input type="checkbox">
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <div class="tableBtn">
                                    <a href="" class="add">新增</a>
                                    <a href="" class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>
                                <input class="tal" type="text" value="阿莫西林胶囊阿莫西林胶囊阿莫西林胶囊">
                            </td>
                            <td><input type="text" value="20"></td>
                            <td><input type="text" value="2"></td>
                            <td><input type="text" value="1"></td>
                            <td>
                                <label class="icon-checkbox protocol-box">
                                    <input type="checkbox">
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <div class="tableBtn">
                                    <a href="" class="add">新增</a>
                                    <a href="" class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>
                                <input class="tal" type="text" value="阿莫西林胶囊阿莫西林胶囊阿莫西林胶囊">
                            </td>
                            <td><input type="text" value="20"></td>
                            <td><input type="text" value="2"></td>
                            <td><input type="text" value="1"></td>
                            <td>
                                <label class="icon-checkbox protocol-box">
                                    <input type="checkbox">
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <div class="tableBtn">
                                    <a href="" class="add">新增</a>
                                    <a href="" class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>
                                <input class="tal" type="text" value="阿莫西林胶囊阿莫西林胶囊阿莫西林胶囊">
                            </td>
                            <td><input type="text" value="20"></td>
                            <td><input type="text" value="2"></td>
                            <td><input type="text" value="1"></td>
                            <td>
                                <label class="icon-checkbox protocol-box">
                                    <input type="checkbox">
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <div class="tableBtn">
                                    <a href="" class="add">新增</a>
                                    <a href="" class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td colspan="4" class="tal">
                                <p>1g*8片*2板*50盒*4中箱   修正药业集团股份有限公司</p>
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr>
                            <td>2</td>
                            <td>
                                <input class="tal" type="text" value="">
                            </td>
                            <td><input type="text" value=""></td>
                            <td><input type="text" value=""></td>
                            <td><input type="text" value=""></td>
                            <td>
                                <label class="icon-checkbox protocol-box">
                                    <input type="checkbox">
                                    <span></span>
                                </label>
                            </td>
                            <td>
                                <div class="tableBtn">
                                    <a href="" class="add">新增</a>
                                    <a href="" class="del">删除</a>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="table-total">
                <span class="icon-required">
                    总件数<input type="text" value="20">件
                </span>
                <span class="icon-required">
                    总重量<input type="text" value="2">公斤
                </span>
                <span class="icon-required">
                    总体积<input type="text" value="1">立方米
                </span>
            </div>
        </div>
        <div class="order-three mt-20">
            <div class="order-require displayflex">
                <p class="flex1"><b>物流要求</b>(您可以选择服务、费用、装载、冷链以及其它特殊物流要求)</p>
                <a href="order-entry2.html">物流要求，请在此处填写</a>
            </div>
            <div class="order-selected displayflex">
                <span>已选要求：</span>
                <div class="flex1">
                    <a href="">上门提货</a>
                    <a href="">代收货款:89元</a>
                    <a href="">月结付款</a>
                    <a href="">物控</a>
                </div>
            </div>
        </div>
        <div class="order-four mt-20">
            <b>原单信息</b>
            <div class="row aline">
                <div class="col-md-12">
                    <div class="text-input displayflex bg-white">
                        <span class="">业务单号</span>
                        <input class="flex1" type="text">
                    </div>
                </div>
            </div>
            <div class="row aline">
                <div class="col-md-6">
                    <div class="text-input displayflex bg-white">
                        <span class="">货主</span>
                        <input class="flex1" type="text">
                    </div>
                </div>
                <div class="col-md-6">
                    <a href="javascript:;" class="order-btn owner-btn">选择</a>
                    <label class="icon-checkbox">
                        <input type="checkbox">
                        <span><i>保存到常用联系人</i></span>
                    </label>
                </div>
            </div>
            <div class="row aline">
                <div class="col-md-12">
                    <div class="text-input displayflex bg-white">
                        <span class="">备注</span>
                        <input class="flex1" type="text">
                    </div>
                </div>
            </div>
        </div>
        <!-- end 订单录入 -->
    </div>
    <!-- 找车 end -->
    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>

    <!-- 选择发货人 -->
    <div class="entry-box sender-box" style="display: none;">
        <div class="input-group input-grout-button w-50">
            <input type="text" class="form-control" placeholder="姓名/地址/联系电话">
            <span class="input-group-btn">
                <button class="btn btn-img" type="button"></button>
            </span>
        </div>
        <div class="receive-select displayflex">
            <span>已选择：</span>
            <div class="flex1">
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
            </div>
        </div>
            
        <div class="receive-div" id="scroll_1">
            <table class="table table-route table-receive">
                <thead>
                    <tr>
                        <th style="width: 65px;">序号</th>
                        <th style="width: 70px;">发货人</th>
                        <th>联系电话</th>
                        <th style="width: 160px;">城市-区域指定</th>
                        <th>单位名称</th>
                        <th style="width: 150px;">详细地址</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>1</i></span>
                            </label>
                        </td>
                        <td>王小五</td>
                        <td><p>13072568008</p><p>18069754212</p></td>
                        <td>湖北省/武汉市/江汉区-三环内</td>
                        <td>武汉惠民医院</td>
                        <td>泛海国际兰海园5栋5楼</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>2</i></span>
                            </label>
                        </td>
                        <td>刘师傅</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>3</i></span>
                            </label>
                        </td>
                        <td>李杰</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>4</i></span>
                            </label>
                        </td>
                        <td>陈志安</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>5</i></span>
                            </label>
                        </td>
                        <td>李里德</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-page mb-20">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
        <div class="layui-layer-btn">
            <a class="layui-layer-btn0">确定</a>
            <a class="layui-layer-btn1">取消</a>
        </div>
    </div>
    <!-- 选择收货方 -->
    <div class="entry-box receiving-box" style="display: none;">
        <div class="input-group input-grout-button w-50">
            <input type="text" class="form-control" placeholder="姓名/地址/联系电话">
            <span class="input-group-btn">
                <button class="btn btn-img" type="button"></button>
            </span>
        </div>
        <div class="receive-select displayflex">
            <span>已选择：</span>
            <div class="flex1">
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
            </div>
        </div>
            
        <div class="receive-div" id="scroll_1">
            <table class="table table-route table-receive">
                <thead>
                    <tr>
                        <th style="width: 65px;">序号</th>
                        <th style="width: 70px;">收货人</th>
                        <th>联系电话</th>
                        <th style="width: 160px;">城市-区域指定</th>
                        <th>单位名称</th>
                        <th style="width: 150px;">详细地址</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>1</i></span>
                            </label>
                        </td>
                        <td>王小五</td>
                        <td><p>13072568008</p><p>18069754212</p></td>
                        <td>湖北省/武汉市/江汉区-三环内</td>
                        <td>武汉惠民医院</td>
                        <td>泛海国际兰海园5栋5楼</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>2</i></span>
                            </label>
                        </td>
                        <td>刘师傅</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>3</i></span>
                            </label>
                        </td>
                        <td>李杰</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>4</i></span>
                            </label>
                        </td>
                        <td>陈志安</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>5</i></span>
                            </label>
                        </td>
                        <td>李里德</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-page mb-20">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
        <div class="layui-layer-btn">
            <a class="layui-layer-btn0">确定</a>
            <a class="layui-layer-btn1">取消</a>
        </div>
    </div>
    <!-- 选择货物类型 -->
    <div class="entry-box goods-box" style="display: none;">
        <div class="input-group input-grout-button w-50">
            <input type="text" class="form-control" placeholder="货物类型名称">
            <span class="input-group-btn">
                <button class="btn btn-img" type="button"></button>
            </span>
        </div>
        <div class="receive-select displayflex">
            <span>已选择：</span>
            <div class="flex1">
                <a href="">医用品</a>
            </div>
        </div>
            
        <div class="receive-div" id="scroll_1">
            <table class="table table-receive">
                <thead>
                    <tr>
                        <th style="width: 65px;">序号</th>
                        <th style="width: 80px;">货物类型</th>
                        <th>货物编号</th>
                        <th style="width: 160px;">货物名称</th>
                        <th>规格</th>
                        <th style="width: 150px;">生产厂商</th>
                    </tr>
                </thead>
                <tbody>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>1</i></span>
                                </label>
                            </td>
                            <td>医用品</td>
                            <td><p>KA10008102</p></td>
                            <td>阿莫西林胶囊</td>
                            <td>1g*8颗*2板*20盒</td>
                            <td>Takeda GmbH 德国</td>
                        </tr>
                        <tr>
                            <td>
                                <label class="icon-checkbox">
                                    <input type="checkbox">
                                    <span><i>1</i></span>
                                </label>
                            </td>
                            <td>医用品</td>
                            <td><p>KA10008102</p></td>
                            <td>阿莫西林胶囊</td>
                            <td>1g*8颗*2板*20盒</td>
                            <td>Takeda GmbH 德国</td>
                        </tr>
                </tbody>
            </table>
        </div>
        <!-- <div class="table-page mb-20">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div> -->
        <div class="layui-layer-btn">
            <a class="">取消</a>
            <a class="">保存</a>
        </div>
    </div>
    <!-- 选择货主 -->
    <div class="entry-box owner-box" style="display: none;">
        <div class="input-group input-grout-button w-50">
            <input type="text" class="form-control" placeholder="姓名/地址/联系电话">
            <span class="input-group-btn">
                <button class="btn btn-img" type="button"></button>
            </span>
        </div>
        <div class="receive-select displayflex">
            <span>已选择：</span>
            <div class="flex1">
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
                <a href="">王小五</a>
            </div>
        </div>
            
        <div class="receive-div" id="scroll_1">
            <table class="table table-route table-receive">
                <thead>
                    <tr>
                        <th style="width: 65px;">序号</th>
                        <th style="width: 70px;">货主</th>
                        <th>联系电话</th>
                        <th style="width: 160px;">城市-区域指定</th>
                        <th>单位名称</th>
                        <th style="width: 150px;">详细地址</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>1</i></span>
                            </label>
                        </td>
                        <td>王小五</td>
                        <td><p>13072568008</p><p>18069754212</p></td>
                        <td>湖北省/武汉市/江汉区-三环内</td>
                        <td>武汉惠民医院</td>
                        <td>泛海国际兰海园5栋5楼</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>2</i></span>
                            </label>
                        </td>
                        <td>刘师傅</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>3</i></span>
                            </label>
                        </td>
                        <td>李杰</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>4</i></span>
                            </label>
                        </td>
                        <td>陈志安</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                    <tr>
                        <td>
                            <label class="icon-checkbox">
                                <input type="checkbox">
                                <span><i>5</i></span>
                            </label>
                        </td>
                        <td>李里德</td>
                        <td><p>13072568008</p></td>
                        <td>湖北省/武汉市/武昌区</td>
                        <td>武汉惠民医院中南分院</td>
                        <td>中南路185号</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-page mb-20">
            <a href="">上一页</a>
            <a href="">下一页</a>
            <span>第<i>1</i>页</span>
            <span>共<em>2</em>页</span>
        </div>
        <div class="layui-layer-btn">
            <a class="layui-layer-btn0">确定</a>
            <a class="layui-layer-btn1">取消</a>
        </div>
    </div>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts-all.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/cy.js"></script>
    <script>
    $(function(){
        // 选择表格行变色
        var trcheckbox = $(".table-entry tbody tr td .icon-checkbox input");
        trcheckbox.change(function(){
            // debugger;
            if($(this).prop('checked')){
                $(this).parents(".table-entry tbody").css({"background":"#fff0d3"})
            }else{
                $(this).parents(".table-entry tbody").css({"background":"#fff"})
            }
            
        });

        // 表头固定，内容滚动
        var tableCont = document.querySelector('#scroll_1')
        /**
        * scroll handle
        * @param {event} e -- scroll event
        */
        function scrollHandle (e){
            console.log(this)
            var scrollTop = this.scrollTop;
            this.querySelector('thead').style.transform = 'translateY(' + scrollTop + 'px)';
        }
        tableCont.addEventListener('scroll',scrollHandle);

        // 选择发货方
        $('.sender-btn').on('click', function() {
            app.layeropen({
                type: 1,
                area: ['760px','535px'],
                title: '选择发货方',
                closeBtn: 1,
                // btn: ['确定','取消'],
                skin: 'pop-border',
                content: $('.sender-box').html()
            })
        });
        // 选择收货方
        $('.receive-btn').on('click', function() {
            app.layeropen({
                type: 1,
                area: ['760px','535px'],
                title: '选择收货方',
                closeBtn: 1,
                // btn: ['确定','取消'],
                skin: 'pop-border',
                content: $('.receiving-box').html()
            })
        });
        // 选择货物类型
        $('.goods-btn').on('click', function() {
            app.layeropen({
                type: 1,
                area: ['760px','535px'],
                title: '选择货物类型',
                closeBtn: 1,
                // btn: ['确定','取消'],
                skin: 'pop-border',
                content: $('.goods-box').html()
            })
        });
        // 选择货主
        $('.owner-btn').on('click', function() {
            app.layeropen({
                type: 1,
                area: ['760px','535px'],
                title: '选择收货方',
                closeBtn: 1,
                // btn: ['确定','取消'],
                skin: 'pop-border',
                content: $('.owner-box').html()
            })
        });
    })
    </script>
</body>

</html>